:root {
  --primary-color: #185ee0;
  --secondary-color: #e6eef9;
  --el-color-primary-light-9: linear-gradient(0deg, #ae7a40 0%, #f7d5ad 100%);
}

:root[theme-mode='blue'] {
  --primary-color: #185ee0;
  --secondary-color: #e6eef9;
  --font-size-12-color: #789ecc;
  --el-color-primary-light-9: linear-gradient(0deg, #ae7a40 0%, #f7d5ad 100%);
}

:root[theme-mode='dark'] {
  --primary-color: #185ee0;
  --secondary-color: #e3e1e7;
  --font-size-12-color: #000000;
  --el-color-primary-light-9: linear-gradient(0deg, #ae7a40 0%, #f7d5ad 100%);
}

:root[theme-mode='pink'] {
  --primary-color: #185ee0;
  --secondary-color: #ddd2d0;
  --font-size-12-color: #d7796b;
}
:root[theme-mode='light'] {
  --primary-color: #185ee0;
  --secondary-color: #e0e3d6;
  --font-size-12-color: #e9ffbd;
}

// 定义一个通用的 font-size-12 混合宏，使用 CSS 变量来设置颜色
@mixin font-size-12 {
  font-size: 12px;
  color: var(--font-size-12-color);
}
